<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
<meta charset="UTF-8">
<title>基础信息配置</title>

<link rel="stylesheet" href="/css/vendor/common.css" type="text/css">
<link href="/css/vendor/basic-info-config.less" rel="stylesheet/less" type="text/css">
<script src="/js/less.min.js"></script>
</head>

<body>
<main>
  	<div class="config-item">
  	    <div class="title-bar">
  	        <p class="name">飞行状态</p>
  	        <p class="action button">新 增</p>
  	    </div>
  	    <div class="info">
            <table cellpadding="0" cellspacing="0">
               <tr>
                   <td>ID:<span class="identifier">1234569999</span></td>
                   <td class="option-wrap">状态:
                        <select size="1">
                           <option>出厂</option>
                           <option>飞行中</option>
                        </select>
                    </td>
                   <td>
                        <ul>
                            <li class="button">修改</li>
                            <li class="button">删除</li>
                        </ul>
                   </td>
               </tr>
            </table>
  	    </div>
  	</div>
  	
  	<div class="config-item">
  	    <div class="title-bar">
  	        <p class="name">飞行状态</p>
  	        <p class="action button">新 增</p>
  	    </div>
  	    <div class="info">
            <table cellpadding="0" cellspacing="0">
               <tr>
                   <td>ID:<span class="identifier">1234569999</span></td>
                   <td class="option-wrap">状态:
                        <select size="1">
                           <option>出厂</option>
                           <option>飞行中</option>
                        </select>
                    </td>
                   <td>
                        <ul>
                            <li class="button">修改</li>
                            <li class="button">删除</li>
                        </ul>
                   </td>
               </tr>
            </table>
  	    </div>
  	</div>
</main>

<!-- 在body里面添加 -->
<div class="edit-box-mask">
    <div class="edit-box center-vh">
        <table class="center-vh" cellpadding="0" cellspacing="0">
            <tr><td class="title">修改飞机类型</td></tr>
            <tr><td><input placeholder="请输入名称"></td></tr>
            <tr><td class="comfirm-wrap"><p class="comfirm button">确 定</p></td></tr>
            <tr><td><p class="cancel button">取 消</p></td></tr>
        </table>
    </div>
</div>

</body>

<script src="/js/jquery-3.2.1.min.js"></script>

</html>

 




